home *** CD-ROM | disk | FTP | other *** search
/ Nikkei Mac 20 / NIKKEI-MAC-CD-VOL-20-1998-12.ISO.7z / NIKKEI-MAC-CD-VOL-20-1998-12.ISO / オンラインソフト / 9.ウェブ作成ツール / PageSpinner / Pagespin-ext-pack-201j.sit / PageSpinner 2.01 Ext Pack r1 Jp / New Examples Folder / Examples / JavaScript / Cookie Example < prev    next >
Text File  |  1997-10-26  |  9KB  |  248 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE>JavaScript Cookieのデモ</TITLE>
  4.  
  5. <SCRIPT
  6.  LANGUAGE="JavaScript">
  7. <!-- Beginning of JavaScript 
  8. /* 
  9.     Cookies Demo
  10.     By Jerry Aman, Optima System, July 28, 1996.
  11.        Cookie Functions written by Bill Dortch, hIdaho Design.
  12.  
  13.     Part of the PageSpinner distribution.
  14.  
  15.     We will not be held responsible for any unwanted 
  16.     effects due to the usage of this script or any derivative.  
  17.     No warrantees for usability for any specific application 
  18.     are given or implied.
  19.  
  20.     You are free to use and modify this script,
  21.     if credits are kept in the source code
  22. */
  23.  
  24.     var cookieVisitID     = 'my_LastVisit';    
  25.     var cookieNumVisitID     = 'my_NumVisits';    
  26.  
  27.                         // Change 'my_LastVisit' and 'my_NumVisits'
  28.                         // to something unique for
  29.                         // the current page, or else it
  30.                         // won't work correctly if other uses
  31.                         // this script!
  32.     var gLastVisit;
  33.     var gNumVisits;
  34.  
  35.     SetLastVisit();    // Execute when loading page
  36.  
  37.     function GetLastVisit ()
  38.     {
  39.  
  40.         if ( gLastVisit == "")
  41.         {
  42.             return "このサイトにようこそ！";
  43.         }
  44.         else 
  45.         {
  46.             var oldVisitDate = new Date(gLastVisit);
  47.             return     "またお会いしましたね、前回お会いしたのは " 
  48.                     + gLastVisit +"です<BR>これまで、" 
  49.                     + gNumVisits + "回 "  
  50.                     +"来ていただきましたね"
  51.         }
  52.     }
  53.  
  54.  
  55.     function SetLastVisit (name, value) 
  56.     {
  57.         var newVisitDate = new Date();
  58.         var expDate = new Date (); 
  59.         var numVisits = 0;
  60.  
  61.             // The expDate is the date when the cookie should
  62.             // expire, we will keep it for a year
  63.         expDate.setTime( expDate.getTime() + (365 * 24 * 60 * 60 * 1000) ); 
  64.  
  65.             // Info about last visit
  66.         if (GetCookie (cookieVisitID) != null)
  67.             gLastVisit = GetCookie (cookieVisitID);
  68.         else
  69.             gLastVisit = "";
  70.  
  71.         if (GetCookie (cookieNumVisitID) != null)
  72.             gNumVisits = GetCookie (cookieNumVisitID);    
  73.         else
  74.             gNumVisits = 0;
  75.  
  76.             // Use eval() to convert a string to a number
  77.         numVisits = eval(gNumVisits) +1;    
  78.  
  79.             // Store info about this visit
  80.         SetCookie( cookieVisitID,     newVisitDate, expDate); 
  81.         SetCookie( cookieNumVisitID, numVisits, expDate); 
  82.     }
  83.  
  84.     // ---------------------------------------------------------------
  85.     //  Cookie Functions - Second Helping  (21-Jan-96)
  86.     //  Written by:  Bill Dortch, hIdaho Design <BDORTCH@NETW.COM>
  87.     //  The following functions are released to the public domain.
  88.     //
  89.     //  The Second Helping version of the cookie functions dispenses with
  90.     //  my encode and decode functions, in favor of JavaScript's new built-in
  91.     //  escape and unescape functions, which do more complete encoding, and
  92.     //  which are probably much faster.
  93.     //
  94.     //  The new version also extends the SetCookie function, though in
  95.     //  a backward-compatible manner, so if you used the First Helping of
  96.     //  cookie functions as they were written, you will not need to change any
  97.     //  code, unless you want to take advantage of the new capabilities.
  98.     //
  99.     //  The following changes were made to SetCookie:
  100.     //
  101.     //  1.  The expires parameter is now optional - that is, you can omit
  102.     //      it instead of passing it null to expire the cookie at the end
  103.     //      of the current session.
  104.     //
  105.     //  2.  An optional path parameter has been added.
  106.     //
  107.     //  3.  An optional domain parameter has been added.
  108.     //
  109.     //  4.  An optional secure parameter has been added.
  110.     //
  111.     //  For information on the significance of these parameters, and
  112.     //  and on cookies in general, please refer to the official cookie
  113.     //  spec, at:
  114.     //
  115.     //      http://www.netscape.com/newsref/std/cookie_spec.html    
  116.     //
  117.     //
  118.     // "Internal" function to return the decoded value of a cookie
  119.     //
  120.     function getCookieVal (offset) {
  121.       var endstr = document.cookie.indexOf (";", offset);
  122.       if (endstr == -1)
  123.         endstr = document.cookie.length;
  124.       return unescape(document.cookie.substring(offset, endstr));
  125.     }
  126.  
  127.     //
  128.     //  Function to return the value of the cookie specified by "name".
  129.     //    name - String object containing the cookie name.
  130.     //    returns - String object containing the cookie value, or null if
  131.     //      the cookie does not exist.
  132.     //
  133.     function GetCookie (name) {
  134.       var arg = name + "=";
  135.       var alen = arg.length;
  136.       var clen = document.cookie.length;
  137.       var i = 0;
  138.       while (i < clen) {
  139.         var j = i + alen;
  140.         if (document.cookie.substring(i, j) == arg)
  141.           return getCookieVal (j);
  142.         i = document.cookie.indexOf(" ", i) + 1;
  143.         if (i == 0) break; 
  144.       }
  145.       return null;
  146.     }
  147.  
  148.     //
  149.     //  Function to create or update a cookie.
  150.     //    name - String object object containing the cookie name.
  151.     //    value - String object containing the cookie value.  May contain
  152.     //      any valid string characters.
  153.     //    [expires] - Date object containing the expiration data of the cookie.  If
  154.     //      omitted or null, expires the cookie at the end of the current session.
  155.     //    [path] - String object indicating the path for which the cookie is valid.
  156.     //      If omitted or null, uses the path of the calling document.
  157.     //    [domain] - String object indicating the domain for which the cookie is
  158.     //      valid.  If omitted or null, uses the domain of the calling document.
  159.     //    [secure] - Boolean (true/false) value indicating whether cookie transmission
  160.     //      requires a secure channel (HTTPS).  
  161.     //
  162.     //  The first two parameters are required.  The others, if supplied, must
  163.     //  be passed in the order listed above.  To omit an unused optional field,
  164.     //  use null as a place holder.  For example, to call SetCookie using name,
  165.     //  value and path, you would code:
  166.     //
  167.     //      SetCookie ("myCookieName", "myCookieValue", null, "/");
  168.     //
  169.     //  Note that trailing omitted parameters do not require a placeholder.
  170.     //
  171.     //  To set a secure cookie for path "/myPath", that expires after the
  172.     //  current session, you might code:
  173.     //
  174.     //      SetCookie (myCookieVar, cookieValueVar, null, "/myPath", null, true);
  175.     //
  176.     function SetCookie (name, value) {
  177.       var argv = SetCookie.arguments;
  178.       var argc = SetCookie.arguments.length;
  179.       var expires = (argc > 2) ? argv[2] : null;
  180.       var path = (argc > 3) ? argv[3] : null;
  181.       var domain = (argc > 4) ? argv[4] : null;
  182.       var secure = (argc > 5) ? argv[5] : false;
  183.       document.cookie = name + "=" + escape (value) +
  184.         ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
  185.         ((path == null) ? "" : ("; path=" + path)) +
  186.         ((domain == null) ? "" : ("; domain=" + domain)) +
  187.         ((secure == true) ? "; secure" : "");
  188.     }
  189.  
  190.     //  Function to delete a cookie. (Sets expiration date to current date/time)
  191.     //    name - String object containing the cookie name
  192.     //
  193.     function DeleteCookie (name) {
  194.       var exp = new Date();
  195.       exp.setTime (exp.getTime() - 1);  // This cookie is history
  196.       var cval = GetCookie (name);
  197.       document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
  198.     }
  199.  
  200. //  End of JavaScript -->
  201. </SCRIPT>
  202.  
  203. </HEAD>
  204.  
  205. <BODY BGCOLOR=FFFFFF TEXT=000000>
  206.  
  207. <H1>JavaScript Cookieの例</H1>
  208.  
  209. <B>このページには、前回読者が訪れたページの情報を保存するJavaScriptが含まれています。</B>
  210. <P>
  211. 現在 JavaScript は Netscape Navigator 2.0 以降と Internet Explorer for MacOS  3.0.1以降でのみ使用できることに注意して下さい。<BR>
  212. <FONT COLOR="931B15">あなたはすべての読者が JavaScript を埋め込まれたブラウザを使用していると思ってはいけません。</FONT>
  213. <HR>
  214. <P>
  215. これらのJavaScripts では Persistent Client State HTTP Cookies を使用して、前回に読者が訪れたページの情報を保存します。クッキーは複数のセッションにわたって情報を保存できる機構です。
  216. <P>
  217. この例では2つのクッキーが保存され、前日の情報と読者がページを訪れた回数が記録されています。クッキーは読者のハードディスクに保存されるものなので、ページの制作者側ではその読者の情報を引出すことはできません。
  218. <P>
  219. クッキーは、その他にも多くの目的で利用されます。そのサイトを見る読者のパフォーマンスを最適に維持したり、パスワードを保存したり、オンラインビジネスでショッピングカートを使えるようにしたり、アクセス権を監視して特定の読者がページを見ながら同時にサーバーに記録を残したりできます。
  220. <HR>
  221. <B>クッキーの例を示します：</B>
  222.  
  223. <P>
  224. こんにちは <SCRIPT LANGUAGE="JavaScript">document.write(navigator.userAgent);</SCRIPT>を使っていますね！
  225.  
  226. <P>
  227. <SCRIPT LANGUAGE="JavaScript">document.write (GetLastVisit())</SCRIPT>
  228.  
  229. <P>
  230. このページをリロードして上記のテキストが更新されるのを見ましょう。
  231.  
  232. <P>
  233. <HR>
  234. <B>使い方：</B><BR>
  235. <CODE>'my_LastVisit'</CODE> と '<CODE>my_NumVisits'</CODE> の名前をリネームして何かこのページでユニークな名前(urlの一部を使うとよい)に変更して下さい。そうしておかないと、他のユーザがこのスクリプトを使っている場合に正しく働きません。これらの定数はこのファイルのHEADセクションの最初に置きます。ここではそうしておくことが重要です。
  236.  
  237. <P>
  238. <CODE>GetLastVisit()</CODE> 関数の中にあるテキストを変更して、なにかもっとあなたのサイトにふさわしいものに変更することもできます。
  239.  
  240. <P>
  241. 最後に BODY セクションの中で、次のコードを使い、ブラウザに情報を表示します：
  242. <PRE><SCRIPT LANGUAGE="JavaScript">document.write (GetLastVisit())</SCRIPT></PRE>
  243.  
  244. <P>
  245. <!--Translated by <A HREF="mailto:hosoka@ca2.so-net.or.jp">Shuji HOSOKAWA</A>-->
  246. </BODY>
  247. </HTML>
  248.